import React from 'react';

const Triangle = () => (
    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
        <div
            style={{
                width: 0,
                height: 0,
                borderWidth: 4,
                borderStyle: 'solid',
                borderColor: 'transparent transparent #000000 transparent'
            }}
        ></div>
        <div style={{ width: 2, height: 10, background: '#000000' }}></div>
        <div
            style={{
                width: 0,
                height: 0,
                borderWidth: 4,
                borderStyle: 'solid',
                borderColor: '#000000 transparent transparent transparent'
            }}
        ></div>
    </div>
);

export default Triangle;
